@charset "utf-8";
.swiper-pagination-bullet-active { background-color:#F4C117; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:60px; }

body{ font-family:"微软雅黑","arial","sans-serif"; color:#333; font-size:14px; line-height:2; }
a { text-decoration:none; color:#333; blr:expression(this.onFocus=this.blur()); outline: none; }
a:hover { color:#67B20D; }
a:hover { text-decoration:none; -moz-transition-duration: 0.2s;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s; transition-duration:0.2s;  -webkit-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;-moz-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;-o-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;  transition-property:color, background-color, background, width, height, top, left, bottom, right, display, border,opacity; }
.full { width:expression(document.body.clientWidth <= 1200? "1200px": "auto");;min-width:1200px; }
.clear { clear:both; }
.red { color:#CB1500; }
.gray { color:#999; }
.space10 { clear:both; height:10px; overflow:hidden; }
.space20 { clear:both; height:20px; overflow:hidden; }
.f20 { font-size:20px; }
.f16 { font-size:16px; }
.pzoom { overflow:hidden; }
.pzoom img { transition: all 0.3s; }
.pzoom img:hover { transform: scale(1.2); }


.btn-primary { background-color:#67B20D; border-color:#67B20D; }
	.btn-primary:hover { background-color:#67B20D; border-color:#67B20D; }
.swiper-button-next { background-image:url('../images/arrow_r.png') }
.swiper-button-prev { background-image:url('../images/arrow_l.png') }


/* head ,footer */
.top { height:120px; background-image:linear-gradient(to bottom,#D5EABD 0px,#FFFFFF 30%); background-repeat: no-repeat; background-position:center top; border-top:3px solid #67B20D;}
.top-logo { padding:30px 0 0 10px; }
	.top-logo h1 { margin:20px 0 0; padding:0; font-size:24px; font-weight:bold; }

nav { line-height:1.7; position:relative; z-index:999; font-size:16px; margin:35px 0 0; padding:0; }
	nav ul { float:right; margin:0; padding:0; }
	nav li { margin:0px; padding:0 0px; height:auto; }
	nav .nav>li:first-child>a { background-image:none; }
	nav .nav>li>a{ color:#333; width:auto; text-align:center; background:none; padding:0px 23px; height:55px; line-height:55px; }
	nav .nav-pills>li.active:hover>a { color:#67B20D; border-top:3px solid #67B20D; background:none; margin-top:0px; }
	nav .nav-pills>li.active>a,nav .nav-pills>li.active>a:focus,nav .nav-pills>li>a:hover{ color:#67B20D; border-top:3px solid #67B20D; border-radius:0px; background:none; margin-top:0px; }
	nav .nav>li:hover>a { color:#67B20D; border-top:3px solid #67B20D; }

	nav .nav>li ul { display:none; list-style-type:none; margin:0 0 0 0px; padding:0px 0 0; z-index:8; background:#67B20D; border-radius:0px; position:absolute; left:0; top:55px; width:100%; z-index:4; border-top:none; animation-name:daohang;	animation: daohang 0.3s ease 0s normal none; -moz-animation: daohang 0.3s ease 0s normal none;	-webkit-animation: daohang 0.3s ease 0s normal none;	-o-animation: daohang 0.3s ease 0s normal none; }
	nav .nav>li ul li { margin:0; padding:0; width:100%; height:45px; }
	nav .nav>li ul li a { display:block; width:100%; color:#FFF; text-align:center; font-size:14px; line-height:40px; height:40px; }
	nav .nav>li:hover ul { display:block; }
	nav .nav>li:hover li>a { color:#FFF; }
	nav .nav>li:hover li>a:hover { background:#EAF2E7; color:#67B20D; }


footer { padding:15px 0; background:#333; color:#FFF; }
	footer a { color:#DDD; }

/* pages */
.pager { padding:20px 10px 0; font-family:Verdana, Geneva, sans-serif; }
	.page_btn { display:inline-block; background-color:#FFF; border:1px solid #EEE; width:auto; padding:0 12px; line-height:35px; color:#333; margin:0 2px; border-radius:0px; }
	.page_cur { display:inline-block; background-color:#67B20D; border:1px solid #67B20D; color:#FFF; width:auto; padding:0 12px; line-height:35px; margin:0 2px; border-radius:0px; }
	.page_disable { display:inline-block; background-color:#F7F7F7; border:1px solid #EEE; width:auto; padding:0 12px; line-height:35px; color:#333; margin:0 2px; border-radius:0px;}



/*index*/
.index-banner { width:100%; z-index:-1; overflow:hidden; }
	.index-banner .swiper-wrapper { z-index:-1; }
	.banner-container a { display:block; width:100%; }
	.banner-container img { width:100%; }
	.index-banner .swiper-pagination { bottom:10px; }
	.swiper-pagination-bullet { opacity:0.5;}
	.swiper-pagination-bullet-active { background-color:#F4C117; opacity:1; }

	.swiper-button-next { background-image:url('../images/ico-right.png'); background-color: rgba(0,0,0,0.4);width:42px; cursor: pointer; z-index: 2; background-size:11px 20px;}
	.swiper-button-prev { background-image:url('../images/ico-left.png'); background-color: rgba(0,0,0,0.4); width:42px; cursor: pointer;z-index: 2; background-size:11px 20px; }

.index-title { padding:40px 0 30px; background-image:linear-gradient(to right,#FFFFFF 0px,#FFFFFF 2px,#CCC 2px,#CCC 4px,#FFFFFF 5px); background-repeat:repeat-x; background-position:left 60px; background-size:5px 1px; position: relative;}
	.index-title h3 { margin:0 0 0px; padding:0 10px 0 0; font-size:32px; letter-spacing: 1px; line-height:1em; color:#67B20D; font-weight:bold; background-color:#FFF; width:auto; display: inline-block; }
	.index-title small { font-size:20px; color:#EAF2E7; font-family:Arial; font-weight:bold; display: block; }
	.index-more { padding:0px 0; }
	.index-more a { display:inline-block; font-size:14px; background:#FFF;color:#67B20D; border:1px solid #67B20D; text-align:center; width:120px; height:40px; line-height:40px; }
	.index-more a i { margin-left:10px; }
	.index-more a:hover { display:inline-block; background:#67B20D; color:#FFF; border-color:#67B20D; }

.index-scope { margin-top:0px; padding:20px 0 70px; background: #EAF2E7; }
	.index-scope .index-title { background-image:linear-gradient(to right,#EAF2E7 0px,#EAF2E7 2px,#67B20D 2px,#67B20D 4px,#EAF2E7 5px);}
	.index-scope .index-title h3 { background: #EAF2E7; }
	.index-scope .index-title small { color:#D5EABD; }
	.index-scope .index-more a { background: #EAF2E7; }
	.index-scope .index-more a:hover { background: #67B20D; }
.scope-c { padding:0px; list-style-type: none; margin:0 0 0 -20px;}
	.scope-c li { padding:0 0px 0 20px; }
	.scope-c li a { display: block; width:100%; position:relative; padding:30px 20px 20px; border:1px solid #D5EABD;  }
	.scope-c li a:hover { background:#67B20D; -moz-transition-duration: 0.2s;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s; transition-duration:0.2s; -webkit-box-shadow: 0px 0px 10px 3px #DDD; -moz-box-shadow: 0px 0px 10px 3px #DDD; box-shadow: 0px 0px 10px 3px #DDD; }
	.scope-c-box { width:120px; height:120px; border-radius:60px; border:1px solid #EEE; background: #FFF; padding:10px; overflow: hidden; margin:0 auto 10px;}
	.scope-c img { width:100%; height:100%; border-radius:50px; }
	.scope-c h4 { font-size:16px; margin:0; padding:10px; font-weight:bold; color:#67B20D; text-align: center; line-height: 1.6;}
	.scope-c p { color:#999; text-align: center; line-height: 25px; height:55px; overflow: hidden; }
	.scope-c li a:hover h4 { color:#FFF; }
	.scope-c li a:hover p { color:rgba(255,255,255,0.7); }

.index-about { padding:20px 0 70px; }
	.index-about .container { overflow:hidden; }
	.index-about .index-more { padding-top:20px; }
	.about-container { font-size:16px; margin:0 auto; padding:0 20px 0 10px; line-height: 2; text-align:justify; }
	.about-thumb { padding:0 10px 0 30px; }
	.about-thumb img { max-width:100%; }

.index-title2 { line-height:40px; height:50px; }
	.index-title2 h3 { text-align:left; font-size:26px; }
	.index-title2 a { color:#666; }
.index-news { padding:30px 0 60px; }
	.index-news-list { padding:0 0 0 0px; }
	.index-news-list ul { marign:0 0 0 -20px; padding:0; list-style-type:none; }
		.index-news-list li { margin:0; padding:10px 0 0 10px; }
		.index-news-list li:hover { -moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration:0.3s; -webkit-box-shadow: 0px 0px 7px 0px #DDD; -moz-box-shadow: 0px 0px 7px  0px #DDD; box-shadow: 0px 0px 7px 0px #DDD; }
		.index-news-list li a { display:block; height:160px; }
		.index-news-box { padding:0 15px 0 0; }
		.index-news-box img { width:100%; height:150px; }
		.index-news-c { padding:0 15px 0 0;}
		.index-news-c h4 { font-size:16px; padding-right:100px; font-weight:bold; }
		.index-news-c p { font-size:14px; color:#999; line-height:23px; height:70px; overflow: hidden; text-align:justify;}
		.index-new-time { color:#999; font-weight:normal; }


.index-case { background: #EAF2E7; padding:20px 0 50px; }
.index-case .index-title { background-image:linear-gradient(to right,#EAF2E7 0px,#EAF2E7 2px,#67B20D 2px,#67B20D 4px,#EAF2E7 5px);}
.index-case .index-title h3 { background: #EAF2E7; }
.index-case .index-title small { color:#D5EABD; }
.index-case .index-more a { background: #EAF2E7; }
.index-case .index-more a:hover { background: #67B20D; }
	.index-case-c { padding:0 0px; position:relative; }
	.index-case-c .index-case-box { padding:0 10px 18px; text-align:center; }
	.index-case-c .index-case-box a { display:block; width:100%; height:250px; position: relative;}
	.index-case-c .index-case-box .pzoom { width:100%; height:210px; background:#EFEFEF; }
	.index-case-c .index-case-box .pzoom img { width:100%; height:100%; }
	.index-case-c .index-case-box h4 { font-size:16px; line-height:40px; height:40px; overflow:hidden; margin:0px; text-align:center; }
	.index-case-c .index-case-box:hover h4 { height:40px; }
	.index-case-c .index-case-box .mask { width:100%; height:210px; position:absolute; top:0; left:0; text-align: center; background:rgba(0,0,0,0.3); display: none;}
	.index-case-c .index-case-box .mask i { color:#67B20D; margin-top:100px; font-size:30px; font-weight: lighter; }
	.index-case-c .index-case-box:hover .mask { display:block; }


.index-article { padding:50px 0; }
	.index-article .container { overflow:hidden; }
	.index-article .col-lg-6 { padding-left:0; padding-right:15px; }
	.index-article .col-lg-6:last-child { padding-right:0; padding-left:15px; }
	.article-list ul { margin:10px 0; padding:0; list-style-type:none; }
	.article-list li { border-bottom:1px solid #DDD; }
	.article-list img { max-width: 100%;}
	.article-list li:hover { background:url('../images/ico-arrow2.gif') no-repeat 520px 18px; }
	.article-list li a { display:block; padding:10px 0; }
	.article-list li a span { color:#999; margin-right:10px; }
	.article-list li a:hover { color:#67B20D; padding-left:10px; }

.index-footer { background:#67B20D; font-size:14px; color:#FFF; padding:20px 0 40px; }
	.index-footer h3 { font-size:16px; margin-bottom:20px; border-left:3px solid #FFF; padding-left:10px; line-height: 1;}
	.index-contact { padding:0px; }
	.contact-phone { background:url('../images/ico-phone.png') no-repeat left center; padding-left:28px; background-size:auto 17px; margin-bottom: 5px;}
	.contact-email { background:url('../images/ico-mail.png') no-repeat left center; padding-left: 28px; margin-bottom: 5px;}
	.contact-address { background:url('../images/ico-addr.png') no-repeat left center; padding-left: 28px; margin-bottom: 5px;}
	.contact-qr { padding:0 0px 0px 30px; }
	.contact-qr h3 { text-align: left;}
	.contact-qr img { width:95px; height:95px; }
	.index-map { padding:0 50px 0 10px; }
	.index-map img { max-width:70%; }
	.footer-nav { padding:0px 0px 0 10px; text-align:left; line-height:2.5; }
		.footer-nav a { display:inline-block; margin:0 5px 10px 0; color:#FFF; border:1px solid rgba(255,255,255,0.5); width:100px; text-align: center; }
		.footer-nav a:hover { border-color:#FFF; }




/* css of sub pages */
.sub-banner { position:relative; width:100%; height:300px; overflow:hidden; }
.dir { background:#F4F4F4; height:50px; line-height:50px; }
.position { text-align:right; color:#666; }
	.position a { color:#666; }
	.position a:last-child, .position i { color:#67B20D; }
.sub-type { padding:0 0px 0 0; margin:0px 0 ; height:50px; }
	.sub-type-c { text-align:left; }
	.sub-type-c a { display:inline-block; float:left; width:auto; padding:0 40px; height:50px; line-height:50px; text-align:center; font-size:16px; }
	.sub-type-c a.active,.sub-type a:hover { background-color:#67B20D; color:#FFF; }

.sub-main { padding:20px 0 100px; min-height:600px; margin-top:0px; }
.sub-main .container,.sub-main .container .col-lg-2 { padding:0; }
.sub-main .col-lg-10 { padding:0; }
	.sub-title { padding:30px 0px 0; height:120px; text-align:center; background-image:linear-gradient(to bottom,#FFFFFF 0px,#FFFFFF 52px,#EAF2E7 52px,#EAF2E7 53px,#FFFFFF 53px,#FFFFFF 57px,#EAF2E7 57px,#EAF2E7 58px,#FFFFFF 58px,#FFFFFF 100%); background-repeat:no-repeat; background-position:center center; background-size:50% 100%; margin-bottom:20px; }
	.sub-title h1 { font-size:26px; color:#67B20D; border:1px solid #67B20D; background:#FFF; width:auto; display: inline-block; padding:10px 30px; margin:0; }
	.sub-info { text-align:center; color: #999; padding: 0 0 20px;}
	h2.title { text-align:center; font-size:20px; margin:0; padding:0 0 10px; }
	.sub-main article { height:auto; font-size:14px; }
	.sub-main article p {  }
	.sub-main article img { max-width:900px; margin:10px; }
	.article-relative { border-top:1px solid #E1E1E1; padding-top:15px; color:#666; margin-top: 15px; }
		.article-relative a { color:#67B20D; }

.news-list ul { margin:0 0 20px; padding:0; }
		.news-list li { list-style-type:none; border-bottom:1px dashed #E1E1E1; margin:0; padding:20px;  }
		.news-list li:last-child { border-bottom:1px solid #E1E1E1; }
		.news-list li span { color:#999; }
		.news-list li h3 { font-size:16px; margin:0; padding:0px 0 0px 20px; background:url('../images/ico-arrow.png') no-repeat left center; }
		.news-list li:hover { background:#EAF2E7;}
		.news-list li:hover h3 { color:#67B20D; font-weight: bold; background-position:5px center; }
		.news-list li p { font-size:14px; color:#999; padding-right:50px; line-height: 25px; height: 50px; overflow: hidden;}

.photo-list ul { margin:0; padding:0; list-style-type:none; }
	.photo-list .list-box img { max-width:100%; height:250px; }
	.photo-list .list-box { height:280px; margin-bottom: 15px;}
	.photo-list .list-box:hover { -moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s; transition-duration:0.5s; -webkit-box-shadow: 0px 0px 7px 0px #DDD; -moz-box-shadow: 0px 0px 7px  0px #DDD; box-shadow: 0px 0px 7px 0px #DDD; border-bottom:3px solid #67B20D; }
	.photo-list .col-lg-6 { padding:10px 20px 60px; }
	.photo-list .list-box h3 {  height:30px; line-height:30px; font-size:16px; text-align:center; }

.case-list ul { margin:0; padding:0; list-style-type:none; }
.case-list .index-case-box { padding:0 10px 18px; text-align:center; }
.case-list .index-case-box a { display:block; width:100%; height:250px; position: relative;}
.case-list .index-case-box .pzoom { width:100%; height:185px; line-height: 180px; vertical-align: middle; border:1px solid #EFEFEF; }
.case-list .index-case-box .pzoom img { max-width:100%; max-height:100%; }
.case-list .index-case-box h3 { font-size:16px; line-height:40px; height:40px; overflow:hidden; margin:0px; text-align:center; }
.case-list .index-case-box:hover h3 { height:40px; }
.case-list .index-case-box .mask { width:100%; height:186px; position:absolute; top:0; left:0; text-align: center; background:rgba(0,0,0,0.3); display: none;}
.case-list .index-case-box .mask i { color:#67B20D; margin-top:90px; font-size:30px; font-weight: lighter; }
.case-list .index-case-box:hover .mask { display:block; }

.contact-c { text-align:left;line-height: 3; padding:20px; font-size:16px;}
	.contact-c i { color:#67B20D; }
	.map { padding:0px 0;}
	.map img { max-width: 100%;}

.certs-container { background:url('../../images/cert_bg1.jpg') no-repeat center center; width:600px; height: 600px; margin:0 auto; padding:145px 110px 0; background-size:100% auto; color:#FFF; }
		.certs-number { text-align: center; font-size:24px; }
		.certs-company-name { text-align: center; font-size:30px; line-height:1.2em; height:60px; vertical-align:middle; }


/* box */
.box-bg { background-color:rgba(0,0,0,0.6); position:fixed; width:100%; height:100%; left:0; top:0; z-index:10; display:none; }
.box { background-color:#FFF; position:fixed; width:930px; height:667px; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:11; padding:10px 30px; display:none; }
	.box-close { text-align:right; padding-right:30px; background:url('../images/ico_close.png') no-repeat right center; cursor:pointer; }
	.box-c { text-align:center; max-width:100%; max-height:640px; }

/* form */
.red { color:#FF0000; }
.reserve { padding:30px 0px; }
	.reserve .form-group { margin-bottom:15px; position: relative;}
	.reserve .form-ps { position:absolute; right:10px; top:0; height:30px; line-height: 30px; color:red;}
	.reserve .btn-sendcode {position:absolute; left:150px;top:0; background-color: #67B20D; border-color: #67B20D;}
	.reserve .control-label { font-weight:normal; text-align:right; padding:0 10px 0 0px; font-size:16px; background:none; }
	.reserve .form-control { border:1px solid #E3E3E3; background:#FFF; border-radius:0; box-shadow:none; }
	.reserve .btn-submit { width:120px; border-radius:20px; margin-right:50px;}
	.reserve .select {  background:url('../images/ico_select.png') no-repeat right center; background-size:auto 10px; }
.reserve-select { position:fixed; bottom:0px; left:1%; width:98%; background-color:rgba(0,0,0,0.8); color:#FFF; display:none; }
	.reserve-select .list-group-item { background:none; border-color:#666; }
	.choose-label { font-weight:normal; margin-right:10px; }